Back

Slide Show 002

  

 
<< Previous   Next >>
This script will continually flip through the pictures.  Images are highlighted in yellow. Document tag in pink.

Script instructions for <HEAD></HEAD> tags

<SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
myPics = new Array("images/bh1.jpg","images/bh2.jpg","images/bh3.jpg","images/bh4.jpg")
thisPic = 0
imgCt = myPics.length - 1
function chgSlide(direction) {
if (document.images) {
thisPic = thisPic + direction
if(thisPic > imgCt) {
thisPic = 0
}
if(thisPic < 0){
thisPic = imgCt
}
document.birdHouse.src=myPics[thisPic]
}
}
</SCRIPT>
 

Script instructions for <BODY> of the HTML Document

<!-- Paste in the body of the HTML Document -->
<!-- freejavascriptscd.com -->
<div align="center">
<center>
<table border="5" cellpadding="5" cellspacing="1" width="24%" bgcolor="#C0C0C0">
<tr>
<td width="100%">
<p align="center">
<img border="0" src="images/bh1.jpg" width="200" height="311" name="birdHouse"></td>
</tr>
<tr>
<td width="100%"><center><b><A HREF="javascript:chgSlide(-1)"><< Previous</A>
<A HREF="javascript:chgSlide(1)">Next >></A></b></center></td>
</tr>
</table>
</center>
</div>

 

Paste between the <HEAD></HEAD> tags

Place where needed in the body of the HTML Document

� Copyright 2009 Ashesh